<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/cart.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/lib/jquery.cookie.js"></script>
    <script src="js/Cart.js"></script>
</head>
<body>
    <div class="CartAll">
        <!--头部导航-->
        <div class="Cartheader_wrap">
            <div class="Cart_header">
                <h1><em id="emtittle">欢迎光临莎莎网! </em><span id="txt"></span> <span id="close">退出</span></h1>
                <p><a href="login.html">登录</a><em>或</em><a href="register.html">免费注册</a></p>
                <ul>
                    <li>
                        <a href="#"><i class="icon-rendaiwaiquan iconfont"></i>我的账户<i class="iconfont icon-xiangxia"></i></a>
                        <div class="CartUserList">
                            <ul>
                                <li>
                                    <a href="#">我的订单</a>
                                </li>
                                <li>
                                    <a href="#">我的积分</a>
                                </li>
                                <li>
                                    <a href="#">我的优惠券</a>
                                </li>
                                <li>
                                    <a href="#">我的收藏</a>
                                </li>
                                <li>
                                    <a href="#">我的评价</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-jiarugouwucheicon"></i><a href="#">我的购物车</a>
                        <div class="Cart_carst">
                            <p>购物车中还没有商品</p>
                            <p>快去挑选心爱的商品吧</p>
                        </div>
                    </li>
                    <li><i class="iconfont icon-icon-test"></i><a href="#">我的收藏</a></li>
                    <li><a href="#">我的站内信</a></li>
                    <li><a href="#">我的积分</a></li>
                    <li><a href="#">Global site</a></li>
                    <li>
                        关注我们
                        <a href="#">
                            <img src="images/weibo.png" alt="">
                            <div class="Cart_weibo">
                                <img src="images/weibo00.jpg" alt="">
                            </div>
                        </a>
                        <a href="#">
                            <img src="images/weixin.png" alt="">
                            <div class="Cart_weixin">
                                <img src="images/weixin00.jpg" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!--nav导航-->
        <div class="CartNav">
            <!--logo -->
            <div class="Cart_logo">
                <h1><a href="index1.html"><img src="images/logo.png" alt=""></a></h1>
                <p></p>
                <ul>
                    <li><img src="images/cast_01.png" alt=""></li>
                    <li><img src="images/cast_02.png" alt=""></li>
                    <li><img src="images/cast_03.png" alt=""></li>
                </ul>
            </div>
        </div>


       <!--产品信息-->
        <div class="Cart_main">
            <!--产品信息 规格 -->
            <div class="Cart_content">
                <p>保税仓直送商品结帐提示 1. 保税仓直送商品不可与香港直送商品同时结帐; 2. 保税仓直送商品每张订单总金额不可超过 ¥2000。</p>
                <p></p>
                <p>保税仓直送商品订单满￥168免运费</p>
            </div>
            <!--产品购买列表-->
            <div class="Cart_list">
                <table cellpadding="0" cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="all"><span>国内保税仓</span></th>
                            <th>商品名称</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="tab">

                    </tbody>
                    <tfoot id="myfoot">
                        <tr>
                            <th>已享受的优惠</th>
                            <th>优惠项目</th>
                        </tr>
                        <tr>
                            <th>继续购物</th>
                            <th>清空购物车</th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th>共<em class="number"></em>件商品</th>
                            <th>商品应付金额 <span>¥<em class="total"></em></span></th>
                            <th><button>结账</button></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <!--底部-->
        <div class="CartFooter_Top">
            <div class="Cart_Top">
                <div class="CartFt_left">
                    <div class="CartFt_list">
                        <dl>
                            <dt>新手上路</dt>
                            <dd>常见问题</dd>
                            <dd>购物流程</dd>
                            <dd>优惠券说明</dd>
                            <dd>联络我们</dd>
                            <dd>常见问题</dd>
                        </dl>
                        <dl>
                            <dt>付款方法</dt>
                            <dd>在线支付</dd>
                            <dd>积分支付</dd>
                        </dl>
                        <dl>
                            <dt>配送方式</dt>
                            <dd>配送说明</dd>
                            <dd>追踪订单</dd>
                        </dl>
                        <dl>
                            <dt>售后服务</dt>
                            <dd>正品保证</dd>
                            <dd>价格承诺</dd>
                            <dd>30日退换保证</dd>
                            <dd>退款程序</dd>
                            <dd>更改订单</dd>
                        </dl>
                        <dl>
                            <dt>莎莎会员</dt>
                            <dd>积分奖赏</dd>
                            <dd>VIP会员计划</dd>
                        </dl>
                    </div>
                    <div class="CartFt_img">
                        <img src="images/botton_logo.jpg" alt="">
                    </div>
                </div>
                <div class="CartFt_right">
                    <p>
                        <img src="images/weibo00.jpg" alt="">
                        <span>莎莎网官方微博@莎莎网</span>
                    </p>
                    <p>
                        <img src="images/weixin00.jpg" alt="">
                        <span>莎莎网官方微信ID:hksasadotcom</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="Cart_ftbottom">
            <div class="CartFt_bottom">
                <ul>
                    <li><a href="">关于莎莎</a></li>
                    <li><a href="">使用条款</a></li>
                    <li><a href="">隐私策略</a></li>
                    <li><a href="">批发服务</a></li>
                    <li><a href="">招商合作</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">港澳店铺推广</a></li>
                    <li><a href="">人才招聘</a></li>
                    <li><a href="">人才联络我们</a></li>
                    <li><a href="">其他送货地区</a></li>
                </ul>

                <p>Copyright 2000-2018 Sa Sa dot Com Limited版权所有莎莎国际控股有限公司成员</p>
            </div>
        </div>

        <!--页面右边导航-->
        <div class="Cart_sidebar">
            <ul>
                <li><p>选购境外商品需知</p></li>
                <li>
                    <i class="iconfont icon-rendaiwaiquan"></i>
                    <div class="Cartr_user">我的账户</div>
                </li>
                <li><i class="iconfont icon-jiarugouwucheicon"></i><span>购物车</span><em>4</em></li>
                <li>
                    <i class="iconfont icon-icon-test"></i>
                    <div class="Cartr_icon">我的收藏</div>
                </li>
                <li>
                    <i class="iconfont icon-benqitemai"></i>
                    <div class="Cartr_benq">浏览记录</div>
                </li>
                <li><p>我的的如</p></li>
                <li>
                    <i class="iconfont icon-erji"></i>
                    <div class="CartErji">线上客服</div>
                </li>
                <li>
                    <i class="iconfont icon-erweima"></i>
                    <div class="Cart_erweima"><img src="images/weixin00.jpg" alt=""></div>
                </li>
                <li><i class="iconfont icon-zelvxuanzefeiyongzhengsanjiaoxingzhichi"></i><span>TOP</span></li>
            </ul>
        </div>
    </div>
</body>
</html>